<template>
  <div>
    <van-swipe class="my-swipe d-flex flex-column " :autoplay="3000" indicator-color="white">
      <van-swipe-item><img src="https://picsum.photos/390/86?r=1" alt="" srcset=""></van-swipe-item>
      <van-swipe-item><img src="https://picsum.photos/390/86?r=2" alt="" srcset=""></van-swipe-item>
      <van-swipe-item><img src="https://picsum.photos/390/86?r=3" alt="" srcset=""></van-swipe-item>
      <van-swipe-item><img src="https://picsum.photos/390/86?r=4" alt="" srcset=""></van-swipe-item>
    </van-swipe>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.my-swipe {
  width: 100vw;
  
  border-radius: 3%;
  .van-swipe-item {
    color: #fff;
    // font-size: 1rem;
    // line-height: 2.2rem;
    text-align: center;
    // background-color: #39a9ed;
  }
}
</style>
